<template>
  <div class="WorkAdmin">
    <el-table :data="tableDate" border style="width: 100%" v-loading="loading">
        <el-table-column prop="id"  label="用户ID" align="center"></el-table-column>
        <el-table-column prop="userId"  label="所属班级" align="center"></el-table-column>
        <el-table-column prop="title"  label="作业名称" align="center"></el-table-column>
        <el-table-column prop="completed_text"  label="完成情况" align="center"></el-table-column>
      </el-table>
      <Pagination :total="total" :url="url" />
    </div>
</template>
<script>
// 这种分页是后端的方式
import Pagination from '@/components/common/Pagination.vue'
export default{
  name:'WorkAdmin',
  components:{
    Pagination
  },
  data(){
    return{
      tableDate:[],
      total:0,
      loading:true,
      url:'/work8844'
    }
  },
}
</script>


